<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
    <title>${authConfig.siteName}</title>
    <link rel="icon" type="image/x-icon" href="https://cdn.jsdelivr.net/gh/gaowanliang/p/tx.ico">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mdui@0.4.3/dist/css/mdui.min.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    </link>

    <link href="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.js"></script>
    <script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
    <script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
    <script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
    <script src="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/markdown-it@10.0.0/dist/markdown-it.min.js"></script>
    <link
        href="https://fonts.googleapis.com/css?family=Noto+Sans+SC|Noto+Sans+TC|Sawarabi+Gothic|Source+Sans+Pro&display=swap"
        rel="stylesheet">
</head>


<style>
    .mdui-container {
        max-width: 980px
    }

    .mdui-list-item {
        transition: none
    }

    .mdui-list>.th {
        background-color: initial
    }

    .mdui-list-item>a {
        width: 100%;
        line-height: 3pc
    }

    .mdui-list-item {
        margin: 2px 0;
        padding: 0
    }

    @media screen and (max-width:980px) {
        .mdui-list-item .mdui-text-right {
            display: none
        }

        .mdui-container {
            width: 100% !important;
            margin: 0
        }
    }

    .m463c {
        color: #6F1E51;
    }

    body {
        font-family: 'Noto Sans SC', sans-serif;
        font-family: 'Sawarabi Gothic', sans-serif;
        font-family: 'Noto Sans TC', sans-serif;
        font-family: 'Source Sans Pro', sans-serif;
    }
</style>

<body>
    <div style="min-height: calc(100vh - 77px);">
        <header>
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand" href="#">
                    <img src="https://cdn.jsdelivr.net/gh/gaowanliang/p/img/google drive.png" width="30" height="30"
                        class="d-inline-block align-top" alt="">
                    云端硬盘
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse " id="navbarSupportedContent">
                    <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
                        <li class="nav-item active">
                            <a class="nav-link" href="#">Google drive<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://gwliang.com">博客</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://ariang.gwliang.com">离线下载</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://cloud.gwliang.com">Onedrive</a>
                        </li>
                    </ul>
                    <img src="https://cdn.jsdelivr.net/gh/gaowanliang/p/img/tx.png" width="30" height="30"
                        class="d-inline-block align-top mdui-img-circle" style="margin-left: 10px;">
                </div>
            </nav>
        </header>
        <div id="content" class="mdui-container">
            <div class="card text-center">
                <div class="card-header">
                    <ul class="nav nav-tabs card-header-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" id="dl-tab" href="#dl">下载地址</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" id="hl-tab" href="#hl">HTML 引用地址</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane card-body fade show active" id="dl" role="tabpanel" aria-labelledby="dl-tab">
                        <h5 class="card-title">下载地址</h5>
                        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                        <button
                            data-clipboard-text="With supporting text below as a natural lead-in to additional content."
                            class="btn btn-primary">复制到剪切板</button>
                    </div>
                    <div class="tab-pane card-body fade" id="hl" role="tabpanel" aria-labelledby="hl-tab">
                        <h5 class="card-title">HTML 引用地址</h5>
                        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                        <button
                            data-clipboard-text="With supporting text below as a natural lead-in to additional content."
                            class="btn btn-primary">复制到剪切板</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="dplayer"></div>
    </div>
    <div
        style="color: #333;background-color: #F8F9FA;padding-top: 3px;padding-bottom: 3px;text-align: center;border: 1px solid #ededed;border-color: #F8F9FA;">
        <p style="margin: 10px 0">由 <a class="m463c" href="https://workers.cloudflare.com/">Cloudflare Workers®</a> 和 <a
                class="m463c" href="https://www.google.com/drive">Google drive</a> 强力驱动</p>
        <p style="margin: 0">高玩梁 © ${year} </p>
    </div>


    http://www.favo-soft.jp/omega-star/biman5html/movie/01.m4v


    <script>
        var clipboard = new ClipboardJS('.btn');
        clipboard.on('success', function (e) {
            mdui.snackbar({
                message: '复制成功'
            });
        });
        clipboard.on('error', function (e) {
            mdui.snackbar({
                message: '复制失败，请手动复制'
            });
        });

        const dp = new DPlayer({
                container: document.getElementById('dplayer'),
                video: {
                    url: '大楚興陳勝王.mp4',
                },
            });
    </script>
</body>

</html>